<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Elead SSO</title>
<link rel="stylesheet" href="./css/password.css" th:href="@{/css/login/password.css}">
<link rel="stylesheet" href="./css/progressIndicator.css" th:href="@{/css/login/progressIndicator.css}">
<link rel="stylesheet" href="./css/login.css" th:href="@{/css/login/default/login.css}">
<link rel="shortcut icon" href="./favicon.ico" th:href="@{/favicon.ico}">
<script src='https://cdn.bootcss.com/jquery/3.3.1/jquery.js'></script>
<script th:src='@{/js/password.js}'></script>
<script type="text/javascript">
	$(function() {
		$.AutoComplete("#email"); //（要补全文本框的id）
	});
</script>
<style type="text/css">
.login-wrapper {
	width: 500px;
	height: 270px;
}

.content-right {
	width: 100%;
}

.right-form-wrapper {
	margin-top: 20px;
}

.subtitle {
	margin-top: 8px;
	color: #8C92A4;
	font-size: 14px;
	line-height: 1.5;
}

.ui.large.buttons .ui.button, .ui.large.button {
	font-size: 18px;
	line-height: 22px;
	padding: 8px 26px;
	font-weight: 500;
}

#AutoComplete {
	background: #fff;
	border: 1px solid #4190db;
	display: none;
	width: 200px;
}

#AutoComplete ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#AutoComplete li {
	color: #333;
	cursor: pointer;
	font: 14px/24px \5b8b\4f53;
	text-indent: 5px;
}

#AutoComplete .hover {
	background: #6eb6fe;
	color: #fff;
}
</style>
</head>
<body>
	<header class="header">
		<div class="logo">
			<img class="logo-img" src="./images/logo.png" th:src="@{/images/logo.png}" alt="">
		</div>
	</header>
	<div class="progress">
		<ul class="SteppedProgress">
			<li class="complete"><span>填写邮箱</span></li>
			<li class="complete"><span>验证身份</span></li>
			<li class=""><span>设置新密码</span></li>
			<li class=""><span>完成</span></li>
		</ul>
	</div>
	<div class="login-wrapper">
		<div class="content-right">
			<div class="right-header">
				<h1 class="right-header-h2">修改/密码找回</h1>
			</div>
			<div class="right-form-wrapper">
				<form method="POST" onsubmit="return handleSubmit()" th:action="${#request.contextPath}+'/password/new'">
					<div class="username-wrapper">
						<div class="subtitle">
							我们向邮箱<span th:text="${email}"></span>发送了一封含有重置密码链接的邮件。请登录网页版邮箱查看，如长时间没有收到邮件，请检查你的垃圾邮件文件夹。 <a href="http://mail.e-lead.cn" target="blank">去邮箱查看邮件</a>
						</div>
						<input class="email username-input-default" type="text" name="email" id="email" th:value="${email}" hidden="true" autocomplete="off" placeholder="邮箱">
						<p id="email-error" class="username-error opacity1"></p>
					</div>
					<span style="display: block; color: red; text-align: center;" th:text="${errorMsg}">邮件已发送,请查收</span>
					<div class="submit-btn-wrapper">
						<button type="submit" onclick="handleSubmit()" class="submit-btn">重新发送</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</body>
</html>


